<template>
  <div class="body" id="disableSurvey">
    <van-form v-if="disableSurvey_survey_view">
      <h2 v-title="'残疾人采集'" class="page-title"></h2>
      <div class="top">
        <div class="archive">
          <p class="archive-1">
            <span>{{surveyInfo.disableSurvey?surveyInfo.disableSurvey.dbc.name:''}}</span>&nbsp;&nbsp;
            <span>{{surveyInfo.disableSurvey?surveyInfo.disableSurvey.dbc.identityCard:''}}</span>
          </p>
          <p class="archive-2">
            <span class="sex">{{surveyInfo.disableSurvey?surveyInfo.disableSurvey.dbc.sexTrans:''}}</span>&nbsp;/&nbsp;
            <span
              class="age"
            >{{surveyInfo.disableSurvey?surveyInfo.disableSurvey.dbc.age:''}}</span>岁&nbsp;/&nbsp;
            <span
              class="disableDetail"
            >{{surveyInfo.disableSurvey?surveyInfo.disableSurvey.dbc.multiDisableDetail:''}}</span>&nbsp;
          </p>
          <p class="archive-2">
            <span
              class="address"
            >{{surveyInfo.disableSurvey?surveyInfo.disableSurvey.dbc.residenceAddress:''}}</span>
          </p>
        </div>
      </div>
      <div class="main">
        <van-collapse v-model="tab_modules" class="modules" accordion>
          <van-collapse-item name="disableStatus">
            <template #title>
              <div class="disableStatus-title column-title">
                <span>
                  <van-icon name="browsing-history" class="font-icon" />&nbsp;
                  <span
                    :class="{'color-blue-0972E7':tab_modules&&tab_modules.indexOf('disableStatus')>-1}"
                  >残疾人情况</span>
                </span>
              </div>
            </template>
            <div class="disableStatus-content">
              <div class="pstate">
                <van-field
                  name="pstate"
                  label
                  :error-message="surveyInfo.cremate!=null?'疑似死亡，需核实！':''"
                >
                  <template #input>
                    <van-radio-group
                      v-model="formData.pstate.value"
                      direction="horizontal"
                      @change="onChangePstate"
                      class="pstate-radio-group"
                    >
                      <van-radio name="1">查无此人</van-radio>
                      <van-radio name="2">已搬迁</van-radio>
                      <van-radio name="3">空挂户</van-radio>
                      <van-radio name="4">外出</van-radio>
                      <van-radio name="5">注销</van-radio>
                      <van-radio name="6">正常</van-radio>
                    </van-radio-group>
                  </template>
                </van-field>
              </div>
            </div>
          </van-collapse-item>
          <van-collapse-item name="disableCollectInfo">
            <template #title>
              <div class="collectStatus-title column-title">
                <span>
                  <van-icon name="friends" class="font-icon" />&nbsp;
                  <span
                    :class="{'color-blue-0972E7':tab_modules&&tab_modules.indexOf('disableCollectInfo')>-1}"
                  >采集信息</span>
                </span>
              </div>
            </template>
            <div class="collectStatus-content">
              <div class="dtype">
                <van-field name="dtype" label>
                  <template #input>
                    <van-radio-group
                      v-model="formData.dtype.value"
                      direction="horizontal"
                      class="dtype-radio-group"
                    >
                      <van-radio name="1">入户采集</van-radio>
                      <van-radio name="2">电话采集</van-radio>
                    </van-radio-group>
                  </template>
                </van-field>
                <!--申报人 start-->
                <div class="field-label">申报人</div>
                <van-field
                  v-model="formData.declarant.value"
                  label
                  placeholder="-----请输入-----"
                  :formatter="formatterName"
                  clearable
                  class="field-color"
                  :rules="[{ pattern:/^[\u4e00-\u9fa5]+(·[\u4e00-\u9fa5]+)*$/, message: '请输入正确的姓名' }]"
                />
                <!--申报人 end-->

                <!--信息采集员 start-->
                <div class="field-label">信息采集员</div>
                <van-field
                  v-model="formData.collector.value"
                  label
                  placeholder="-----请输入-----"
                  readonly
                  class="field-color"
                />
                <!--信息采集员 end-->

                <!--陪调员 start-->
                <div class="field-label">陪调员</div>
                <van-field
                  v-model="formData.partner.value"
                  label
                  placeholder="-----选填-----"
                  :formatter="formatterName"
                  clearable
                  class="field-color"
                  :rules="[{ pattern:/^$|^[\u4e00-\u9fa5]+(·[\u4e00-\u9fa5]+)*$/, message: '请输入正确的姓名' }]"
                />
                <!--陪调员 end-->
                <!--填表日期 start-->
                <div class="field-label">填表日期</div>
                <van-field
                  v-model="formData.addTime.value"
                  label
                  placeholder="-----请输入填表日期-----"
                  readonly
                  class="field-color"
                />
                <!--填表日期 end-->
              </div>
            </div>
          </van-collapse-item>
          <van-collapse-item
            name="baseInfo"
            :disabled="element.modulesValid.baseInfo.disabled"
            :value="element.modulesValid.baseInfo.disabled?'无需填写':''"
          >
            <template #title>
              <div class="column-title">
                <span>
                  <van-icon name="manager" class="font-icon" />&nbsp;
                  <span
                    :class="{'color-blue-0972E7':tab_modules&&tab_modules.indexOf('baseInfo')>-1}"
                  >基本信息</span>
                </span>
              </div>
            </template>
            <div class="baseInfo">
              <!-- R3.户口性质 start -->
              <div class="field-label label-radio">
                R3.户口性质
                <van-icon
                  class="tip-supportData"
                  name="comment-o"
                  @click="toggleSupportData('householdType')"
                />
              </div>
              <div class="supportData" v-if="!element.supportData.householdType">
                <ul>
                  <li>
                    <p>
                      <van-icon name="warning" />上年填报：
                      <span
                        class="supportData-color"
                      >{{surveyInfo.historyData?surveyInfo.historyData.r3Trans:''}}</span>
                    </p>
                  </li>
                </ul>
              </div>
              <div class="radio-noborder">
                <van-field name="r3" label>
                  <template #input>
                    <van-radio-group
                      v-model="formData.householdType.value"
                      direction="horizontal"
                      class="householdType"
                      @change="onChangeHouseholdType"
                    >
                      <van-radio name="1">1.农业</van-radio>
                      <van-radio name="2">2.非农业</van-radio>
                    </van-radio-group>
                  </template>
                </van-field>
              </div>

              <!-- R3.户口性质 end -->

              <!-- R4.婚姻状况 start -->
              <div
                :class="['field-label',{'field-label-disabled':element.modulesValid.marriage.disabled}]"
              >
                R4.婚姻状况（★２0周岁及以上填报）
                <van-icon
                  class="tip-supportData"
                  name="comment-o"
                  @click="toggleSupportData('marriage')"
                />
              </div>
              <div class="supportData" v-if="!element.supportData.marriage">
                <ul>
                  <li>
                    <p>
                      <van-icon name="warning" />上年填报：
                      <span
                        class="supportData-color"
                      >{{surveyInfo.historyData?surveyInfo.historyData.r4Trans:''}}</span>
                    </p>
                  </li>
                </ul>
              </div>
              <van-field
                readonly
                clickable
                name="r4"
                :value="formData.marriage.text"
                label
                :placeholder="element.modulesValid.marriage.disabled?'-----无需填写-----':'-----请选择-----'"
                @click="marriagePicker=!element.modulesValid.marriage.disabled"
                :disabled="element.modulesValid.marriage.disabled"
                id="marriage"
                class="field-color"
              />
              <van-popup v-model="marriagePicker" position="bottom">
                <van-picker
                  show-toolbar
                  :columns="element.columns_marriage"
                  @confirm="onConfirmMarriage"
                  @cancel="marriagePicker = false"
                />
              </van-popup>
              <!-- R4.婚姻状况 end -->

              <!-- R5.联系人姓名 start -->
              <div
                :class="['field-label',{'field-label-disabled':element.modulesValid.contactName.disabled}]"
              >
                R5.联系人姓名（★智力、精神或17周岁及以下）
                <van-icon
                  class="tip-supportData"
                  name="comment-o"
                  @click="toggleSupportData('contactName')"
                />
              </div>
              <div class="supportData" v-if="!element.supportData.contactName">
                <ul>
                  <li>
                    <p>
                      <van-icon name="warning" />上年填报：
                      <span
                        class="supportData-color"
                      >{{surveyInfo.historyData?surveyInfo.historyData.r5:''}}</span>
                    </p>
                  </li>
                </ul>
              </div>
              <van-cell-group>
                <van-field
                  v-model="formData.contactName.value"
                  label
                  :placeholder="element.modulesValid.contactName.disabled?'-----无需填写-----':'-----请输入联系人姓名-----'"
                  :disabled="element.modulesValid.contactName.disabled"
                  :formatter="formatterName"
                  clearable
                  :rules="[{ pattern:/^[\u4e00-\u9fa5]+(·[\u4e00-\u9fa5]+)*$/, message: '请输入正确的姓名' }]"
                  class="field-color"
                />
              </van-cell-group>
              <!-- R5.联系人姓名 end -->

              <!-- R6.联系人电话 start -->
              <div class="field-label">
                R6.本人或联系人固话
                <van-icon
                  class="tip-supportData"
                  name="comment-o"
                  @click="toggleSupportData('telephone')"
                />
              </div>
              <div class="supportData" v-if="!element.supportData.telephone">
                <ul>
                  <li>
                    <p>
                      <van-icon name="warning" />上年填报：
                      <span
                        class="supportData-color"
                      >{{surveyInfo.historyData?surveyInfo.historyData.r6_1:''}}</span>
                    </p>
                  </li>
                </ul>
              </div>
              <van-field
                v-model="formData.telephone.value"
                label
                placeholder="固话格式：区号-号码"
                :formatter="formatterTelephone"
                clearable
                :rules="[{ pattern:/^$|^\d{3,4}-\d{6,8}$/, message: '固话格式有误,例：0100-1234567' }]"
                class="field-color"
              />
              <div class="field-label">
                R6.本人或联系人手机号
                <van-icon
                  class="tip-supportData"
                  name="comment-o"
                  @click="toggleSupportData('mobilephone')"
                />
              </div>
              <div class="supportData" v-if="!element.supportData.mobilephone">
                <ul>
                  <li>
                    <p>
                      <van-icon name="warning" />上年填报：
                      <span
                        class="supportData-color"
                      >{{surveyInfo.historyData?surveyInfo.historyData.r6_2:''}}</span>
                    </p>
                  </li>
                </ul>
              </div>
              <van-field
                v-model="formData.mobilephone.value"
                type="tel"
                label
                placeholder="请输入手机号"
                :formatter="formatterMobilephone"
                clearable
                :rules="[{ pattern:/^$|^[1][2-9][0-9]{9}$/, message: '手机号码格式有误' }]"
                class="field-color"
              />
              <!-- R6.联系人电话 end -->

              <!-- R7.养老院居住 start -->
              <div class="field-label label-radio">
                R7.是否在（敬）养老院、福利院、荣军院等居住
                <van-icon
                  class="tip-supportData"
                  name="comment-o"
                  @click="toggleSupportData('nursingHouse')"
                />
              </div>
              <div class="supportData" v-if="!element.supportData.nursingHouse">
                <ul>
                  <li>
                    <p>
                      <van-icon name="warning" />上年填报：
                      <span
                        class="supportData-color"
                      >{{surveyInfo.historyData?surveyInfo.historyData.r7Trans:''}}</span>
                    </p>
                  </li>
                </ul>
              </div>
              <div class="radio-noborder">
                <van-field name="r7" label>
                  <template #input>
                    <van-radio-group
                      v-model="formData.nursingHouse.value"
                      direction="horizontal"
                      @change="onChangeNursingHouse"
                    >
                      <van-radio name="1">1.是</van-radio>
                      <van-radio name="2">2.否</van-radio>
                    </van-radio-group>
                  </template>
                </van-field>
              </div>
              <!-- R7.养老院居住 end -->
            </div>
          </van-collapse-item>
          <van-collapse-item
            name="economic"
            :disabled="element.modulesValid.economic.disabled"
            :value="element.modulesValid.economic.disabled?'无需填写':''"
          >
            <template #title>
              <div class="column-title">
                <span>
                  <van-icon name="wap-home" class="font-icon" />&nbsp;
                  <span
                    :class="{'color-blue-0972E7':tab_modules&&tab_modules.indexOf('economic')>-1}"
                  >经济及住房</span>
                </span>
              </div>
            </template>
            <div class="economic">
              <div class="economic-nofarm">
                <div class="subTitle">★非农业户口填报</div>

                <!-- R8.家庭收入状况 start -->
                <template v-if="element.view_nonfarm.flag">
                  <div
                    :class="['field-label',{'field-label-disabled':element.modulesValid.nonfarm.disabled}]"
                  >
                    R8.家庭收入状况
                    <van-icon
                      class="tip-supportData"
                      name="comment-o"
                      @click="toggleSupportData('nonfarmEconomy')"
                    />
                  </div>
                  <div class="supportData" v-if="!element.supportData.nonfarmEconomy">
                    <ul>
                      <li>
                        <p>
                          <van-icon name="warning" />上年填报：
                          <span
                            class="supportData-color"
                          >{{surveyInfo.historyData?surveyInfo.historyData.r8Trans:''}}</span>
                        </p>
                      </li>
                      <li>
                        <p>
                          <van-icon name="warning" />业务支撑：
                          <span
                            class="supportData-color"
                          >{{surveyInfo.lowSecurity?(surveyInfo.lowSecurity.salvationType=='1'?'享受最低生活保障':surveyInfo.lowSecurity.salvationType=='2'?'享受边缘救助':'特困救助'):''}}</span>
                        </p>
                      </li>
                    </ul>
                  </div>
                  <van-field
                    readonly
                    clickable
                    name="r8"
                    :value="formData.nonfarmEconomy.text"
                    label
                    :placeholder="element.modulesValid.nonfarm.disabled?'-----无需填写-----':'-----请选择-----'"
                    @click="nonfarmEconomyPicker = !element.modulesValid.nonfarm.disabled"
                    :disabled="element.modulesValid.nonfarm.disabled"
                    class="field-color"
                  />
                  <van-popup v-model="nonfarmEconomyPicker" position="bottom">
                    <van-picker
                      show-toolbar
                      :columns="element.columns_nonfarmEconomy"
                      @confirm="onConfirmNonfarmEconomy"
                      @cancel="nonfarmEconomyPicker = false"
                    />
                  </van-popup>
                </template>
                <!-- R8.家庭收入状况 end -->

                <!-- R9.家庭住房状况 start -->
                <template v-if="element.view_nonfarm.flag">
                  <div
                    :class="['field-label',{'field-label-disabled':element.modulesValid.nonfarm.disabled}]"
                  >
                    R9.家庭住房状况
                    <van-icon
                      class="tip-supportData"
                      name="comment-o"
                      @click="toggleSupportData('nonfarmHousing')"
                    />
                  </div>
                  <div class="supportData" v-if="!element.supportData.nonfarmHousing">
                    <ul>
                      <li>
                        <p>
                          <van-icon name="warning" />上年填报：
                          <span
                            class="supportData-color"
                          >{{surveyInfo.historyData?surveyInfo.historyData.r9Trans:''}}</span>
                        </p>
                      </li>
                    </ul>
                  </div>
                  <van-field
                    readonly
                    clickable
                    name="r9"
                    :value="formData.nonfarmHousing.text"
                    label
                    :placeholder="element.modulesValid.nonfarm.disabled?'-----无需填写-----':'-----请选择-----'"
                    @click="nonfarmHousingPicker = !element.modulesValid.nonfarm.disabled"
                    :disabled="element.modulesValid.nonfarm.disabled"
                    class="field-color"
                  />
                  <van-popup v-model="nonfarmHousingPicker" position="bottom">
                    <van-picker
                      show-toolbar
                      :columns="element.columns_nonfarmHousing"
                      @confirm="onConfirmNonfarmHousing"
                      @cancel="nonfarmHousingPicker = false"
                    />
                  </van-popup>
                </template>
                <!-- R9.家庭住房状况 end -->
              </div>
              <div class="economic-farm">
                <div class="subTitle">★农业户口填报</div>

                <!-- R10.贫困与建档立卡状况 start -->
                <template v-if="element.view_farm.flag">
                  <div
                    :class="['field-label',{'field-label-disabled':element.modulesValid.farm.disabled}]"
                  >
                    R10.贫困与建档立卡状况
                    <van-icon
                      class="tip-supportData"
                      name="comment-o"
                      @click="toggleSupportData('farmEconomy')"
                    />
                  </div>
                  <div class="supportData" v-if="!element.supportData.farmEconomy">
                    <ul>
                      <li>
                        <p>
                          <van-icon name="warning" />上年填报：
                          <span
                            class="supportData-color"
                          >{{surveyInfo.historyData?surveyInfo.historyData.r10Trans:''}}</span>
                          <br />
                        </p>
                      </li>
                      <li>
                        <p>
                          <van-icon name="warning" />业务支撑：
                          <span
                            class="supportData-color"
                          >{{surveyInfo.lowSecurity?(surveyInfo.lowSecurity.salvationType=='1'?'享受最低生活保障':surveyInfo.lowSecurity.salvationType=='2'?'享受边缘救助':'特困救助'):''}}</span>
                        </p>
                      </li>
                    </ul>
                  </div>
                  <van-field
                    readonly
                    clickable
                    name="r10"
                    :value="formData.farmEconomy.text"
                    label
                    :placeholder="element.modulesValid.farm.disabled?'-----无需填写-----':'-----请选择-----'"
                    @click="farmEconomyPicker = !element.modulesValid.farm.disabled"
                    :disabled="element.modulesValid.farm.disabled"
                    class="field-color"
                  />
                  <van-popup v-model="farmEconomyPicker" position="bottom">
                    <van-picker
                      show-toolbar
                      :columns="element.columns_farmEconomy"
                      @confirm="onConfirmFarmEconomy"
                      @cancel="farmEconomyPicker = false"
                    />
                  </van-popup>
                </template>
                <!-- R10.贫困与建档立卡状况 end -->

                <!-- R11.家庭住房状况 start -->
                <template v-if="element.view_farm.flag">
                  <div
                    :class="['field-label',{'field-label-disabled':element.modulesValid.farm.disabled}]"
                  >
                    R11.家庭住房状况
                    <van-icon
                      class="tip-supportData"
                      name="comment-o"
                      @click="toggleSupportData('farmHousing')"
                    />
                  </div>
                  <div class="supportData" v-if="!element.supportData.farmHousing">
                    <ul>
                      <li>
                        <p>
                          <van-icon name="warning" />上年填报：
                          <span
                            class="supportData-color"
                          >{{surveyInfo.historyData?surveyInfo.historyData.r11Trans:''}}</span>
                        </p>
                      </li>
                    </ul>
                  </div>
                  <van-field
                    readonly
                    clickable
                    name="r11"
                    :value="formData.farmHousing.text"
                    label
                    :placeholder="element.modulesValid.farm.disabled?'-----无需填写-----':'-----请选择-----'"
                    @click="farmHousingPicker = !element.modulesValid.farm.disabled"
                    :disabled="element.modulesValid.farm.disabled"
                    class="field-color"
                  />
                  <van-popup v-model="farmHousingPicker" position="bottom">
                    <van-picker
                      show-toolbar
                      :columns="element.columns_farmHousing"
                      @confirm="onConfirmFarmHousing"
                      @cancel="farmHousingPicker = false"
                    />
                  </van-popup>
                </template>
                <!-- R11.家庭住房状况 end -->
              </div>
            </div>
          </van-collapse-item>
          <van-collapse-item
            name="education"
            :disabled="element.modulesValid.education.disabled"
            :value="element.modulesValid.education.disabled?'无需填写':''"
          >
            <template #title>
              <div class="column-title">
                <span>
                  <van-icon name="column" class="font-icon" />&nbsp;
                  <span
                    :class="{'color-blue-0972E7':tab_modules&&tab_modules.indexOf('education')>-1}"
                  >教育</span>
                </span>
              </div>
            </template>
            <div class="education">
              <!-- R12.是否识字（15周岁及以上填报） start -->
              <div
                :class="['field-label','label-radio',{'field-label-disabled':element.modulesValid.literacy.disabled}]"
              >
                R12.是否识字（★15周岁及以上填报）
                <van-icon
                  class="tip-supportData"
                  name="comment-o"
                  @click="toggleSupportData('literacy')"
                />
              </div>
              <div class="supportData" v-if="!element.supportData.literacy">
                <ul>
                  <li>
                    <p>
                      <van-icon name="warning" />上年填报：
                      <span
                        class="supportData-color"
                      >{{surveyInfo.historyData?surveyInfo.historyData.r12Trans:''}}</span>
                    </p>
                  </li>
                </ul>
              </div>
              <div class="radio-noborder">
                <van-field name="r12" label :disabled="element.modulesValid.literacy.disabled">
                  <template #input>
                    <van-radio-group
                      v-model="formData.literacy.value"
                      direction="horizontal"
                      class="literacy"
                      :disabled="element.modulesValid.literacy.disabled"
                    >
                      <van-radio name="1" @click="onConfirmLiteracy">1.是</van-radio>
                      <van-radio
                        name="2"
                        :disabled="element.modulesValid.literacy_2.disabled"
                        @click="element.modulesValid.literacy_2.disabled?null:onConfirmLiteracy()"
                      >2.否</van-radio>
                    </van-radio-group>
                  </template>
                </van-field>
              </div>
              <!-- R12.是否识字（15周岁及以上填报） end -->

              <!-- R13.受教育程度 start -->
              <template v-if="element.view_education.flag">
                <div
                  :class="['field-label',{'field-label-disabled':element.modulesValid.educationLevel.disabled}]"
                >
                  R13.受教育程度（★15周岁及以上填报）
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('educationLevel')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.educationLevel">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年填报：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.r13Trans:''}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <van-field
                  readonly
                  clickable
                  name="r13"
                  :value="formData.education.text"
                  label
                  :placeholder="element.modulesValid.educationLevel.disabled?'-----无需填写-----':'-----请选择-----'"
                  @click="educationPicker = !element.modulesValid.educationLevel.disabled"
                  :disabled="element.modulesValid.educationLevel.disabled"
                  class="field-color"
                />
                <van-popup v-model="educationPicker" position="bottom">
                  <van-picker
                    show-toolbar
                    :columns="element.columns_education"
                    @confirm="onConfirmEducation"
                    @cancel="educationPicker = false"
                  />
                </van-popup>
              </template>
              <!-- R13.受教育程度 end -->

              <!-- R14.就读学校 start -->
              <template>
                <div
                  :class="['field-label',{'field-label-disabled':element.modulesValid.school.disabled}]"
                >
                  R14.当前就读学校（★仅在幼儿园或正在上学的学生填报）
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('school')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.school">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年填报：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.r14Trans:''}}</span>
                      </p>
                    </li>
                    <li>
                      <p>
                        <van-icon name="warning" />业务支撑：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.school?surveyInfo.school.schoolName+'（'+surveyInfo.school.schoolType+'）':""}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <div class="school van-cell van-field">
                  <div class="field">
                    <!-- 普通 start -->

                    <van-field
                      readonly
                      clickable
                      name="r14"
                      :value="formData.generalSchool.text"
                      label="普通"
                      :placeholder="element.modulesValid.school.disabled?'-----无需填写-----':'-----请选择-----'"
                      @click="generalSchoolPicker = !element.modulesValid.school.disabled"
                      :disabled="element.modulesValid.school.disabled"
                      :error-message="!element.tips.school.disabled&&formData.generalSchool.value?element.tips.school.message:''"
                      class="field-color"
                    />
                    <van-popup v-model="generalSchoolPicker" position="bottom">
                      <van-picker
                        show-toolbar
                        :columns="element.columns_generalSchool"
                        @confirm="onConfirmGeneralSchool"
                        @cancel="generalSchoolPicker = false"
                        v-if="element.view_generalSchool.flag"
                      />
                    </van-popup>
                    <!-- 普通 end -->

                    <!-- 特殊 start -->
                    <van-field
                      readonly
                      clickable
                      name="r14"
                      :value="formData.specialSchool.text"
                      label="特殊"
                      :placeholder="element.modulesValid.school.disabled?'-----无需填写-----':'-----请选择-----'"
                      @click="specialSchoolPicker = !element.modulesValid.school.disabled"
                      :disabled="element.modulesValid.school.disabled"
                      :error-message="!element.tips.school.disabled&&formData.specialSchool.value?element.tips.school.message:''"
                      class="field-color"
                    />
                    <van-popup v-model="specialSchoolPicker" position="bottom">
                      <van-picker
                        show-toolbar
                        :columns="element.columns_specialSchool"
                        @confirm="onConfirmSpecialSchool"
                        @cancel="specialSchoolPicker = false"
                        v-if="element.view_specialSchool.flag"
                      />
                    </van-popup>
                    <!-- 特殊 end -->
                  </div>
                </div>
              </template>
              <!-- R14.就读学校 end -->

              <!-- R15.未入学主要原因 start -->
              <template v-if="element.view_notEnrolledReason.flag">
                <div
                  :class="['field-label',{'field-label-disabled':element.modulesValid.notEnrolledReason.disabled}]"
                >
                  R15.未入学原因（★6-14周岁未入学儿童填报）
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('notEnrolledReason')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.notEnrolledReason">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年填报：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.r15Trans:''}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <van-field
                  readonly
                  clickable
                  name="r15"
                  :value="formData.notEnrolledReason.text"
                  label
                  :placeholder="element.modulesValid.notEnrolledReason.disabled?'-----无需填写-----':'-----请选择-----'"
                  @click="notEnrolledReasonPicker = !element.modulesValid.notEnrolledReason.disabled"
                  :disabled="element.modulesValid.notEnrolledReason.disabled"
                  class="field-color"
                />
                <van-popup v-model="notEnrolledReasonPicker" position="bottom">
                  <van-picker
                    show-toolbar
                    :columns="element.columns_notEnrolledReason"
                    @confirm="onConfirmNotEnrolledReason"
                    @cancel="notEnrolledReasonPicker = false"
                  />
                </van-popup>
              </template>
              <!-- R15.未入学主要原因 end -->
            </div>
          </van-collapse-item>
          <van-collapse-item
            name="job"
            :disabled="element.modulesValid.job.disabled"
            :value="element.modulesValid.job.disabled?'无需填写':''"
          >
            <template #title>
              <div class="column-title">
                <span>
                  <van-icon name="shop-collect" class="font-icon" />&nbsp;
                  <span
                    :class="{'color-blue-0972E7':tab_modules&&tab_modules.indexOf('job')>-1}"
                  >就业扶贫（16-59周岁填报）</span>
                </span>
              </div>
            </template>
            <div class="job">
              <!-- R16.是否就业（15周岁及以上填报） start -->
              <template v-if="element.view_employ.flag">
                <div class="field-label label-radio">
                  R16.是否就业
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('employ')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.employ">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年填报：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.r16Trans:''}}</span>
                      </p>
                    </li>
                    <li>
                      <p>
                        <van-icon name="warning" />业务支撑：
                        <span class="supportData-color">{{surveyInfo.job?'已就业':""}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <div class="radio-noborder">
                  <van-field name="r16" label>
                    <template #input>
                      <van-radio-group v-model="formData.employ.value" direction="horizontal">
                        <van-radio
                          name="1"
                          :disabled="element.modulesValid.employ_1.disabled"
                          @click="element.modulesValid.employ_1.disabled?null:onConfirmEmploy()"
                        >1.是</van-radio>
                        <van-radio name="2" @click="onConfirmEmploy">2.否</van-radio>
                      </van-radio-group>
                    </template>
                  </van-field>
                </div>
              </template>
              <!-- R16.是否就业（15周岁及以上填报） end -->

              <!-- R17.残疾人就业形式 start -->
              <template v-if="element.view_employType.flag">
                <div
                  :class="['field-label',{'field-label-disabled':element.modulesValid.employType.disabled}]"
                >
                  R17.残疾人就业形式（跳转R20）
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('employType')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.employType">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年填报：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.r17Trans:''}}</span>
                      </p>
                    </li>
                    <li>
                      <p>
                        <van-icon name="warning" />业务支撑：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.job?surveyInfo.job.typeTrans:""}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <van-field
                  readonly
                  clickable
                  name="r17"
                  :value="formData.employType.text"
                  label
                  :placeholder="element.modulesValid.employType.disabled?'-----无需填写-----':'-----请选择-----'"
                  @click="employTypePicker = !element.modulesValid.employType.disabled"
                  :disabled="element.modulesValid.employType.disabled"
                  class="field-color"
                />
                <van-popup v-model="employTypePicker" position="bottom">
                  <van-picker
                    show-toolbar
                    :columns="element.columns_employType"
                    @confirm="onConfirmEmployType"
                    @cancel="employTypePicker = false"
                  />
                </van-popup>
              </template>
              <!-- R17.残疾人就业形式 end -->

              <!-- R18.未就业主要生活来源 start -->
              <template v-if="element.view_unemployedIncome.flag">
                <div
                  :class="['field-label',{'field-label-disabled':element.modulesValid.unemployedIncome.disabled}]"
                >
                  R18.未就业主要生活来源
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('unemployedIncome')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.unemployedIncome">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年填报：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.r18Trans:''}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <van-field
                  readonly
                  clickable
                  name="r18"
                  :value="formData.unemployedIncome.text"
                  label
                  :placeholder="element.modulesValid.unemployedIncome.disabled?'-----无需填写-----':'-----请选择-----'"
                  @click="unemployedIncomePicker = !element.modulesValid.unemployedIncome.disabled"
                  :disabled="element.modulesValid.unemployedIncome.disabled"
                  :error-message="!element.tips.unemployedIncome.disabled?element.tips.unemployedIncome.message:''"
                  class="field-color"
                />
                <van-popup v-model="unemployedIncomePicker" position="bottom">
                  <van-picker
                    show-toolbar
                    :columns="element.columns_unemployedIncome"
                    @confirm="onConfirmUnemployedIncome"
                    @cancel="unemployedIncomePicker = false"
                  />
                </van-popup>
              </template>
              <!-- R18.未就业主要生活来源 end -->

              <!-- R19.未就业主要原因 start -->
              <template v-if="element.view_unemployedReason.flag">
                <div
                  :class="['field-label',{'field-label-disabled':element.modulesValid.unemployedReason.disabled}]"
                >
                  R19.未就业主要原因
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('unemployedReason')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.unemployedReason">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年填报：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.r19Trans:''}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <van-field
                  readonly
                  clickable
                  name="r19"
                  :value="formData.unemployedReason.text"
                  label
                  :placeholder="element.modulesValid.unemployedReason.disabled?'-----无需填写-----':'-----请选择-----'"
                  :disabled="element.modulesValid.unemployedReason.disabled"
                  @click="unemployedReasonPicker = !element.modulesValid.unemployedReason.disabled"
                  :error-message="!element.tips.unemployedReason.disabled?element.tips.unemployedReason.message:''"
                  class="field-color"
                />
                <van-popup v-model="unemployedReasonPicker" position="bottom">
                  <van-picker
                    show-toolbar
                    :columns="element.columns_unemployedReason"
                    @confirm="onConfirmUnemployedReason"
                    @cancel="unemployedReasonPicker = false"
                  />
                </van-popup>
              </template>
              <!-- R19.未就业主要原因 end -->

              <!-- R20.就业扶贫帮扶 start -->
              <template v-if="element.view_employAssist.flag">
                <div
                  :class="['field-label',{'field-label-disabled':element.modulesValid.employAssist.disabled}]"
                >
                  R20.动态年度内得到的就业扶贫帮扶
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('employAssist')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.employAssist">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年需求：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.r21Trans:''}}</span>
                      </p>
                    </li>
                    <li>
                      <p>
                        <van-icon name="warning" />业务支撑：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.jobHelp?surveyInfo.jobHelp.typeTrans:""}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <van-field
                  readonly
                  clickable
                  name
                  label
                  :placeholder="element.modulesValid.employAssist.disabled?'-----无需填写-----':'-----请选择-----'"
                  :disabled="element.modulesValid.employAssist.disabled"
                  :value="employAssistStr"
                  type="textarea"
                  @click="employAssistPicker = !element.modulesValid.employAssist.disabled"
                  rows="1"
                  autosize
                  class="field-color"
                />
                <van-popup
                  v-model="employAssistPicker"
                  position="bottom"
                  closeable
                  close-icon="close"
                  close-icon-position="top-left"
                  class="popup-checkbox"
                >
                  <van-field name="r20" label>
                    <template #input>
                      <van-checkbox-group
                        v-model="formData.employAssist"
                        class="checbox-group-employAssist"
                      >
                        <van-cell-group>
                          <van-cell
                            v-for="(item, index) in element.columns_employAssist"
                            clickable
                            :key="'employAssist-'+item.value"
                            :title="`${item.text}`"
                            @click="toggleEmployAssist(index)"
                          >
                            <template #right-icon>
                              <van-checkbox :name="item.value" ref="employAssist" shape="square" />
                            </template>
                          </van-cell>
                        </van-cell-group>
                      </van-checkbox-group>
                    </template>
                  </van-field>
                </van-popup>
              </template>
              <!-- R20.就业扶贫帮扶 end -->

              <!-- R21.就业扶贫帮扶需求 start -->
              <template v-if="element.view_employAssistNeed.flag">
                <div
                  :class="['field-label',{'field-label-disabled':element.modulesValid.employAssistNeed.disabled}]"
                >R21.目前就业扶贫需求</div>
                <van-field
                  readonly
                  clickable
                  name
                  label
                  :placeholder="element.modulesValid.employAssistNeed.disabled?'-----无需填写-----':'-----请选择-----'"
                  :disabled="element.modulesValid.employAssistNeed.disabled"
                  :value="employAssistNeedStr"
                  type="textarea"
                  @click="employAssistNeedPicker = !element.modulesValid.employAssistNeed.disabled"
                  rows="1"
                  autosize
                  class="field-color"
                />
                <van-popup
                  v-model="employAssistNeedPicker"
                  position="bottom"
                  closeable
                  close-icon="close"
                  close-icon-position="top-left"
                  class="popup-checkbox"
                >
                  <van-field name="r21" label>
                    <template #input>
                      <van-checkbox-group
                        v-model="formData.employAssistNeed"
                        class="checbox-group-employAssistNeed"
                      >
                        <van-cell-group>
                          <van-cell
                            v-for="(item, index) in element.columns_employAssistNeed"
                            clickable
                            :key="'employAssistNeed-'+item.value"
                            :title="`${item.text}`"
                            @click="toggleEmployAssistNeed(index)"
                          >
                            <template #right-icon>
                              <van-checkbox
                                :name="item.value"
                                ref="employAssistNeed"
                                shape="square"
                              />
                            </template>
                          </van-cell>
                        </van-cell-group>
                      </van-checkbox-group>
                    </template>
                  </van-field>
                </van-popup>
              </template>
              <!-- R21.就业扶贫帮扶需求 end -->
            </div>
          </van-collapse-item>
          <van-collapse-item
            name="socialSecurity"
            :disabled="element.modulesValid.socialSecurity.disabled"
            :value="element.modulesValid.socialSecurity.disabled?'无需填写':''"
          >
            <template #title>
              <div class="column-title">
                <span>
                  <van-icon name="bill" class="font-icon" />&nbsp;
                  <span
                    :class="{'color-blue-0972E7':tab_modules&&tab_modules.indexOf('socialSecurity')>-1}"
                  >社会保障</span>
                </span>
              </div>
            </template>
            <div class="socialSecurity">
              <!-- R22.是否参加职工社会保险 start -->
              <template v-if="element.view_socialInsurance.flag">
                <div
                  :class="['field-label',{'field-label-disabled':element.modulesValid.socialInsurance.disabled}]"
                >
                  R22.是否参加职工社会保险（★16周岁及以上填报）
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('socialInsurance')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.socialInsurance">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年填报：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.r22Trans:''}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <van-field
                  readonly
                  clickable
                  name
                  label
                  :placeholder="element.modulesValid.socialInsurance.disabled?'-----无需填写-----':'-----请选择-----'"
                  :disabled="element.modulesValid.socialInsurance.disabled"
                  :value="socialInsuranceStr"
                  type="textarea"
                  @click="socialInsurancePicker = !element.modulesValid.socialInsurance.disabled"
                  rows="1"
                  autosize
                  :error-message="tips_socialInsurance"
                  class="field-color"
                />
                <van-popup
                  v-model="socialInsurancePicker"
                  position="bottom"
                  closeable
                  close-icon="close"
                  close-icon-position="top-left"
                  class="popup-checkbox"
                >
                  <van-field name="r22" label>
                    <template #input>
                      <van-checkbox-group
                        v-model="formData.socialInsurance"
                        class="checbox-group-socialInsurance"
                      >
                        <van-cell-group>
                          <van-cell
                            v-for="(item, index) in element.columns_socialInsurance"
                            clickable
                            :key="'socialInsurance-'+item.value"
                            :title="`${item.text}`"
                            @click="toggleSocialInsurance(index)"
                          >
                            <template #right-icon>
                              <van-checkbox
                                :name="item.value"
                                ref="socialInsurance"
                                shape="square"
                              />
                            </template>
                          </van-cell>
                        </van-cell-group>
                      </van-checkbox-group>
                    </template>
                  </van-field>
                </van-popup>
              </template>
              <!-- R22.是否参加职工社会保险 end -->

              <!-- R23.是否参加城乡居民养老保险 start -->
              <template v-if="element.view_endowmentInsurance.flag">
                <div
                  :class="['field-label','label-radio',{'field-label-disabled':element.modulesValid.endowmentInsurance.disabled}]"
                >
                  R23.是否参加城乡居民养老保险（★16周岁及以上填报）
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('endowmentInsurance')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.endowmentInsurance">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年填报：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.r23Trans:''}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <div class="radio-noborder">
                  <van-field
                    name="r23"
                    label
                    :disabled="element.modulesValid.endowmentInsurance.disabled"
                    :error-message="!element.tips.endowmentInsurance.disabled?element.tips.endowmentInsurance.message:''"
                  >
                    <template #input>
                      <van-radio-group
                        v-model="formData.endowmentInsurance.value"
                        direction="horizontal"
                        :disabled="element.modulesValid.endowmentInsurance.disabled"
                      >
                        <van-radio
                          name="1"
                          :disabled="element.modulesValid.endowmentInsurance_1.disabled"
                          @click="element.modulesValid.endowmentInsurance_1.disabled?null:onConfirmEndowmentInsurance()"
                        >1.是</van-radio>
                        <van-radio name="2" @click="onConfirmEndowmentInsurance">2.否</van-radio>
                      </van-radio-group>
                    </template>
                  </van-field>
                </div>
              </template>
              <!-- R23.是否参加城乡居民养老保险 end -->

              <!-- R24.是否享受居民养老保险缴费补贴 start -->
              <template v-if="element.view_endowmentSubsidy.flag">
                <div
                  :class="['field-label','label-radio',{'field-label-disabled':element.modulesValid.endowmentSubsidy.disabled}]"
                >
                  R24.是否享受居民养老保险缴费补贴（★16-59周岁填报）
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('endowmentSubsidy')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.endowmentSubsidy">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年填报：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.r24Trans:''}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <div class="radio-noborder">
                  <van-field
                    name="r24"
                    label
                    :disabled="element.modulesValid.endowmentSubsidy.disabled"
                  >
                    <template #input>
                      <van-radio-group
                        v-model="formData.endowmentSubsidy.value"
                        direction="horizontal"
                        :disabled="element.modulesValid.endowmentSubsidy.disabled"
                      >
                        <van-radio name="1">1.是</van-radio>
                        <van-radio name="2">2.否</van-radio>
                      </van-radio-group>
                    </template>
                  </van-field>
                </div>
              </template>
              <!-- R24.是否参加城乡居民养老保险 end -->

              <!-- R25.是否参加医疗保险（城镇居民/新农合） start -->
              <template v-if="element.view_medicalInsurance.flag">
                <div class="field-label label-radio">
                  R25.是否参加医疗保险（城镇居民/新农合）
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('medicalInsurance')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.medicalInsurance">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年填报：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.r25Trans:''}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <div class="radio-noborder">
                  <van-field name="r25" label>
                    <template #input>
                      <van-radio-group
                        v-model="formData.medicalInsurance.value"
                        direction="horizontal"
                      >
                        <van-radio
                          name="1"
                          :disabled="element.modulesValid.medicalInsurance_1.disabled"
                          @click="element.modulesValid.medicalInsurance_1.disabled?null:onConfirmMedicalInsurance()"
                        >1.是</van-radio>
                        <van-radio name="2" @click="onConfirmMedicalInsurance">2.否</van-radio>
                      </van-radio-group>
                    </template>
                  </van-field>
                </div>
              </template>
              <!-- R25.是否参加医疗保险（城镇居民/新农合） end -->

              <!-- R26.是否享受医疗保险缴费补贴 start -->
              <template v-if="element.view_medicalSubsidy.flag">
                <div
                  :class="['field-label','label-radio',{'field-label-disabled':element.modulesValid.medicalSubsidy.disabled}]"
                >
                  R26.是否享受医疗保险缴费补贴
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('medicalSubsidy')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.medicalSubsidy">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年填报：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.r26Trans:''}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <div class="radio-noborder">
                  <van-field
                    name="r26"
                    label
                    :disabled="element.modulesValid.medicalSubsidy.disabled"
                  >
                    <template #input>
                      <van-radio-group
                        v-model="formData.medicalSubsidy.value"
                        direction="horizontal"
                        :disabled="element.modulesValid.medicalSubsidy.disabled"
                      >
                        <van-radio name="1" @click="onConfirmMedicalSubsidy">1.是</van-radio>
                        <van-radio name="2" @click="onConfirmMedicalSubsidy">2.否</van-radio>
                      </van-radio-group>
                    </template>
                  </van-field>
                </div>
              </template>
              <!-- R26.是否享受医疗保险缴费补贴 end -->

              <!-- R27.动态更新年度内社会救助情况 start -->
              <template v-if="element.view_socialAssist.flag">
                <div class="field-label">
                  R27.动态年度内社会救助情况
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('socialAssist')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.socialAssist">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年填报：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.r27Trans:''}}</span>
                      </p>
                    </li>
                    <li>
                      <p>
                        <van-icon name="warning" />业务支撑：
                        <span class="supportData-color">
                          {{surveyInfo.lowSecurity?(surveyInfo.lowSecurity.salvationType=='1'?'享受最低生活保障':surveyInfo.lowSecurity.salvationType=='2'?'享受边缘救助':'特困救助'):''}}
                          &nbsp;{{surveyInfo.houseAssist?'享受农村危房改造政策':''}}
                          &nbsp;{{surveyInfo.shortHelp?'享受临时救助':''}}
                        </span>
                      </p>
                    </li>
                  </ul>
                </div>
                <van-field
                  readonly
                  clickable
                  name
                  label
                  placeholder="-----请选择-----"
                  :value="socialAssistStr"
                  type="textarea"
                  @click="socialAssistPicker = true"
                  rows="1"
                  autosize
                  :error-message="tips_socialAssist"
                  class="field-color"
                />
                <van-popup
                  v-model="socialAssistPicker"
                  position="bottom"
                  closeable
                  close-icon="close"
                  close-icon-position="top-left"
                  class="popup-checkbox"
                >
                  <van-field name="r27" label>
                    <template #input>
                      <van-checkbox-group
                        v-model="formData.socialAssist"
                        class="checbox-group-socialAssist"
                      >
                        <van-cell-group>
                          <van-cell
                            v-for="(item, index) in element.columns_socialAssist"
                            clickable
                            :key="'socialAssist-'+item.value"
                            :title="`${item.text}`"
                            @click="element.columns_socialAssist[index].disabled||element.columns_socialAssist[index].readonly?'':toggleSocialAssist(index)"
                            :class="{'color-grey-c8c9cc':element.columns_socialAssist[index].disabled}"
                          >
                            <template #right-icon>
                              <van-checkbox
                                :name="item.value"
                                ref="socialAssist"
                                shape="square"
                                :disabled="element.columns_socialAssist[index].disabled||element.columns_socialAssist[index].readonly"
                              />
                            </template>
                          </van-cell>
                        </van-cell-group>
                      </van-checkbox-group>
                    </template>
                  </van-field>
                </van-popup>
              </template>
              <!-- R27.动态更新年度内社会救助情况 end -->

              <!-- R28.动态更新年度内社会福利补贴情况 start -->
              <template v-if="element.view_socialWelfare.flag">
                <div class="field-label">
                  R28.动态年度内社会福利补贴情况
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('socialWelfare')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.socialWelfare">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年填报：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.r28Trans:''}}</span>
                      </p>
                    </li>
                    <li>
                      <p>
                        <van-icon name="warning" />业务支撑：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.lifeSubsidy?'享受困难残疾人生活补贴':''}}&nbsp;&nbsp;{{surveyInfo.severeSubsidy?'享受重度护理补贴':''}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <van-field
                  readonly
                  clickable
                  name
                  label
                  placeholder="-----请选择-----"
                  :value="socialWelfareStr"
                  type="textarea"
                  @click="socialWelfarePicker = true"
                  rows="1"
                  autosize
                  :error-message="tips_socialWelfare"
                  class="field-color"
                />
                <van-popup
                  v-model="socialWelfarePicker"
                  position="bottom"
                  closeable
                  close-icon="close"
                  close-icon-position="top-left"
                  class="popup-checkbox"
                >
                  <van-field name="r28" label>
                    <template #input>
                      <van-checkbox-group
                        v-model="formData.socialWelfare"
                        class="checbox-group-socialWelfare"
                      >
                        <van-cell-group>
                          <van-cell
                            v-for="(item, index) in element.columns_socialWelfare"
                            clickable
                            :key="'socialWelfare-'+item.value"
                            :title="`${item.text}`"
                            :class="{'color-grey-c8c9cc':element.columns_socialWelfare[index].disabled}"
                            @click="element.columns_socialWelfare[index].disabled?'':toggleSocialWelfare(index)"
                          >
                            <template #right-icon>
                              <van-checkbox
                                :name="item.value"
                                ref="socialWelfare"
                                shape="square"
                                :disabled="element.columns_socialWelfare[index].disabled"
                              />
                            </template>
                          </van-cell>
                        </van-cell-group>
                      </van-checkbox-group>
                    </template>
                  </van-field>
                </van-popup>
              </template>
              <!-- R28.动态更新年度内社会福利补贴情况 end -->

              <!-- R29.是否享受托养服务 start -->
              <template v-if="element.view_foster.flag">
                <div class="subTitle">托养服务（★16-59周岁智力、精神和重度肢体填报）</div>
                <div
                  :class="['field-label','label-radio',{'field-label-disabled':element.modulesValid.foster.disabled}]"
                >
                  R29.是否享受托养服务
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('foster')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.foster">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年填报：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.r29Trans:''}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <div class="radio-noborder">
                  <van-field name="r29" label :disabled="element.modulesValid.foster.disabled">
                    <template #input>
                      <van-radio-group
                        v-model="formData.foster.value"
                        direction="horizontal"
                        :disabled="element.modulesValid.foster.disabled"
                      >
                        <van-radio name="1" @click="onConfirmFoster">1.是</van-radio>
                        <van-radio
                          name="2"
                          :disabled="element.modulesValid.foster_2.disabled"
                          @click="element.modulesValid.foster_2.disabled?null:onConfirmFoster()"
                        >2.否</van-radio>
                      </van-radio-group>
                    </template>
                  </van-field>
                </div>
              </template>
              <!-- R29.是否享受托养服务 end -->

              <!-- R30.目前托养服务需求 start -->
              <template v-if="element.view_fosterNeed.flag">
                <div
                  :class="['field-label',{'field-label-disabled':element.modulesValid.fosterNeed.disabled}]"
                >
                  R30.目前托养服务需求
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('fosterNeed')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.fosterNeed">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年填报：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.r30Trans:''}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <van-field
                  readonly
                  clickable
                  name="r30"
                  :value="formData.fosterNeed.text"
                  label
                  :placeholder="element.modulesValid.fosterNeed.disabled?'-----无需填写-----':'-----请选择-----'"
                  @click="fosterNeedPicker = !element.modulesValid.fosterNeed.disabled"
                  :disabled="element.modulesValid.fosterNeed.disabled"
                  class="field-color"
                />
                <van-popup v-model="fosterNeedPicker" position="bottom">
                  <van-picker
                    show-toolbar
                    :columns="element.columns_fosterNeed"
                    @confirm="onConfirmFosterNeed"
                    @cancel="fosterNeedPicker = false"
                  />
                </van-popup>
              </template>
              <!-- R30.目前托养服务需求 end -->
            </div>
          </van-collapse-item>
          <van-collapse-item
            name="medical"
            :disabled="element.modulesValid.medical.disabled"
            :value="element.modulesValid.medical.disabled?'无需填写':''"
          >
            <template #title>
              <div class="column-title">
                <span>
                  <van-icon name="like" class="font-icon" />&nbsp;
                  <span
                    :class="{'color-blue-0972E7':tab_modules&&tab_modules.indexOf('medical')>-1}"
                  >基本医疗与康复</span>
                </span>
              </div>
            </template>
            <div class="MEDICAL">
              <div class="subTitle">★基本医疗</div>

              <!-- R31.个人或医生是否签订家庭医生服务协议 start -->
              <div class="field-label label-radio">
                R31.个人或家庭是否签订家庭医生服务协议
                <van-icon
                  class="tip-supportData"
                  name="comment-o"
                  @click="toggleSupportData('familyDoctor')"
                />
              </div>
              <div class="supportData" v-if="!element.supportData.familyDoctor">
                <ul>
                  <li>
                    <p>
                      <van-icon name="warning" />上年填报：
                      <span
                        class="supportData-color"
                      >{{surveyInfo.historyData?surveyInfo.historyData.r31Trans:''}}</span>
                    </p>
                  </li>
                </ul>
              </div>
              <div class="radio-noborder">
                <van-field name="r31" label>
                  <template #input>
                    <van-radio-group v-model="formData.familyDoctor.value" direction="horizontal">
                      <van-radio name="1">1.是</van-radio>
                      <van-radio name="2">2.否</van-radio>
                    </van-radio-group>
                  </template>
                </van-field>
              </div>
              <!-- R31.个人或医生是否签订家庭医生服务协议务 end -->

              <!-- R32.除残疾外，过去两周是否患有其他疾病 start -->
              <div class="field-label label-radio">
                R32.除残疾外，过去两周内是否患有其他疾病
                <van-icon
                  class="tip-supportData"
                  name="comment-o"
                  @click="toggleSupportData('sick')"
                />
              </div>
              <div class="supportData" v-if="!element.supportData.sick">
                <ul>
                  <li>
                    <p>
                      <van-icon name="warning" />上年填报：
                      <span
                        class="supportData-color"
                      >{{surveyInfo.historyData?surveyInfo.historyData.r32Trans:''}}</span>
                    </p>
                  </li>
                </ul>
              </div>
              <div class="radio-noborder">
                <van-field name="r32" label>
                  <template #input>
                    <van-radio-group v-model="formData.sick.value" direction="horizontal">
                      <van-radio name="1" @click="onConfirmSick">1.有</van-radio>
                      <van-radio name="2" @click="onConfirmSick">2.无</van-radio>
                    </van-radio-group>
                  </template>
                </van-field>
              </div>
              <!-- R32.除残疾外，过去两周是否患有其他疾病 end -->

              <!-- R33.过去两周内是否已就诊或治疗 start -->
              <template v-if="element.view_sickCure.flag">
                <div
                  :class="['field-label','label-radio',{'field-label-disabled':element.modulesValid.sickCure.disabled}]"
                >
                  R33.过去两周内是否已就诊或治疗
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('sickCure')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.sickCure">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年填报：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.r33Trans:''}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <div class="radio-noborder">
                  <van-field name="r33" label :disabled="element.modulesValid.sickCure.disabled">
                    <template #input>
                      <van-radio-group
                        v-model="formData.sickCure.value"
                        direction="horizontal"
                        :disabled="element.modulesValid.sickCure.disabled"
                      >
                        <van-radio
                          name="1"
                          @click="element.modulesValid.sickCure.disabled?null:onConfirmSickCure('1')"
                        >1.是</van-radio>
                        <van-radio
                          name="2"
                          @click="element.modulesValid.sickCure.disabled?null:onConfirmSickCure('2')"
                        >2.否</van-radio>
                      </van-radio-group>
                    </template>
                  </van-field>
                </div>
              </template>
              <!-- R33.过去两周内是否已就诊或治疗 end -->

              <!-- R34.未就诊或治疗原因 start -->
              <template v-if="element.view_notCureReason.flag">
                <div
                  :class="['field-label',{'field-label-disabled':element.modulesValid.notCureReason.disabled}]"
                >
                  R34.未就诊或治疗原因
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('notCureReason')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.notCureReason">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年填报：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.r34Trans:''}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <van-field
                  readonly
                  clickable
                  name
                  label
                  :placeholder="element.modulesValid.notCureReason.disabled?'-----无需填写-----':'-----请选择-----'"
                  :value="notCureReasonStr"
                  type="textarea"
                  @click="notCureReasonPicker = !element.modulesValid.notCureReason.disabled"
                  rows="1"
                  autosize
                  :disabled="element.modulesValid.notCureReason.disabled"
                  class="field-color"
                />
                <van-popup
                  v-model="notCureReasonPicker"
                  position="bottom"
                  closeable
                  close-icon="close"
                  close-icon-position="top-left"
                  class="popup-checkbox"
                >
                  <van-field name="r34" label>
                    <template #input>
                      <van-checkbox-group
                        v-model="formData.notCureReason"
                        class="checbox-group-notCureReason"
                      >
                        <van-cell-group>
                          <van-cell
                            v-for="(item, index) in element.columns_notCureReason"
                            clickable
                            :key="'notCureReason-'+item.value"
                            :title="`${item.text}`"
                            @click="toggleNotCureReason(index)"
                          >
                            <template #right-icon>
                              <van-checkbox :name="item.value" ref="notCureReason" shape="square" />
                            </template>
                          </van-cell>
                        </van-cell-group>
                      </van-checkbox-group>
                    </template>
                  </van-field>
                </van-popup>
              </template>
              <!-- R34.未就诊或治疗原因 end -->

              <div class="subTitle">★基本康复</div>
              <!-- R35.针对自身残疾，动态年度内得到或使用过以下服务 start -->
              <template v-if="element.view_rehabilitation">
                <div class="field-label">
                  R35.针对自身残疾，动态年度内是否得到或使用过以下服务
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('rehabilitation')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.rehabilitation">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年需求：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.r37Trans:''}}</span>
                      </p>
                    </li>
                    <li>
                      <p>
                        <van-icon name="warning" />业务支撑：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.medicineSubsidy?'享受精神服药':''}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <van-field
                  readonly
                  clickable
                  name
                  label
                  placeholder="-----请选择-----"
                  :value="rehabilitationStr"
                  type="textarea"
                  @click="rehabilitationPicker = true"
                  rows="1"
                  autosize
                  class="field-color"
                />
                <van-popup
                  v-model="rehabilitationPicker"
                  position="bottom"
                  closeable
                  close-icon="close"
                  close-icon-position="top-left"
                  class="popup-checkbox"
                >
                  <van-field name="r35" label>
                    <template #input>
                      <van-checkbox-group
                        v-model="formData.rehabilitation"
                        class="checbox-group-rehabilitation"
                      >
                        <van-cell-group>
                          <van-cell
                            v-for="(item, index) in element.columns_rehabilitation"
                            clickable
                            :key="'rehabilitation-'+item.value"
                            :title="`${item.text}`"
                            @click="element.columns_rehabilitation[index].disabled||element.columns_rehabilitation[index].readonly?'':toggleRehabilitation(index)"
                            :class="{'color-grey-c8c9cc':element.columns_rehabilitation[index].disabled}"
                          >
                            <template #right-icon>
                              <van-checkbox
                                :name="item.value"
                                ref="rehabilitation"
                                shape="square"
                                :disabled="element.columns_rehabilitation[index].disabled||element.columns_rehabilitation[index].readonly"
                              />
                            </template>
                          </van-cell>
                        </van-cell-group>
                      </van-checkbox-group>
                    </template>
                  </van-field>
                </van-popup>
              </template>
              <!-- R35.针对自身残疾，动态年度内得到或使用过以下服务 end -->

              <!-- R36.未得到康复服务的原因 start -->
              <template v-if="element.view_noRehabilitationReason.flag">
                <div
                  :class="['field-label',{'field-label-disabled':element.modulesValid.noRehabilitationReason.disabled}]"
                >
                  R36.未得到康复服务的原因
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('noRehabilitationReason')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.noRehabilitationReason">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年填报：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.r36Trans:''}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <van-field
                  readonly
                  clickable
                  name
                  label
                  :placeholder="element.modulesValid.noRehabilitationReason.disabled?'-----无需填写-----':'-----请选择-----'"
                  :value="noRehabilitationReasonStr"
                  type="textarea"
                  @click="noRehabilitationReasonPicker = !element.modulesValid.noRehabilitationReason.disabled"
                  rows="1"
                  autosize
                  :disabled="element.modulesValid.noRehabilitationReason.disabled"
                  class="field-color"
                />
                <van-popup
                  v-model="noRehabilitationReasonPicker"
                  position="bottom"
                  closeable
                  close-icon="close"
                  close-icon-position="top-left"
                  class="popup-checkbox"
                >
                  <van-field name="r36" label>
                    <template #input>
                      <van-checkbox-group
                        v-model="formData.noRehabilitationReason"
                        class="checbox-group-noRehabilitationReason"
                      >
                        <van-cell-group>
                          <van-cell
                            v-for="(item, index) in element.columns_noRehabilitationReason"
                            clickable
                            :key="'noRehabilitationReason-'+item.value"
                            :title="`${item.text}`"
                            @click="toggleNoRehabilitationReason(index)"
                          >
                            <template #right-icon>
                              <van-checkbox
                                :name="item.value"
                                ref="noRehabilitationReason"
                                shape="square"
                              />
                            </template>
                          </van-cell>
                        </van-cell-group>
                      </van-checkbox-group>
                    </template>
                  </van-field>
                </van-popup>
              </template>
              <!-- R36.未得到康复服务的原因 end -->

              <!-- R37.针对自身残疾，目前是否还需要以下服务 start -->
              <template v-if="element.view_rehabilitationNeed.flag">
                <div class="field-label">R37.针对自身残疾，目前是否还需要以下服务</div>
                <van-field
                  readonly
                  clickable
                  name
                  label
                  placeholder="-----请选择-----"
                  :value="rehabilitationNeedStr"
                  type="textarea"
                  @click="rehabilitationNeedPicker = true"
                  rows="1"
                  autosize
                  class="field-color"
                />
                <van-popup
                  v-model="rehabilitationNeedPicker"
                  position="bottom"
                  closeable
                  close-icon="close"
                  close-icon-position="top-left"
                  class="popup-checkbox"
                >
                  <van-field name="r37" label>
                    <template #input>
                      <van-checkbox-group
                        v-model="formData.rehabilitationNeed"
                        class="checbox-group-rehabilitationNeed"
                      >
                        <van-cell-group>
                          <van-cell
                            v-for="(item, index) in element.columns_rehabilitationNeed"
                            clickable
                            :key="'rehabilitationNeed-'+item.value"
                            :title="`${item.text}`"
                            @click="element.columns_rehabilitationNeed[index].disabled||element.columns_rehabilitationNeed[index].readonly?'':toggleRehabilitationNeed(index)"
                            :class="{'color-grey-c8c9cc':element.columns_rehabilitationNeed[index].disabled}"
                          >
                            <template #right-icon>
                              <van-checkbox
                                :name="item.value"
                                ref="rehabilitationNeed"
                                shape="square"
                                :disabled="element.columns_rehabilitationNeed[index].disabled||element.columns_rehabilitationNeed[index].readonly"
                              />
                            </template>
                          </van-cell>
                        </van-cell-group>
                      </van-checkbox-group>
                    </template>
                  </van-field>
                </van-popup>
              </template>
              <!-- R37.针对自身残疾人，目前是否还需要以下服务 end -->
            </div>
          </van-collapse-item>
          <van-collapse-item
            name="barrierFree"
            :disabled="element.modulesValid.barrierFree.disabled"
            :value="element.modulesValid.barrierFree.disabled?'无需填写':''"
          >
            <template #title>
              <div class="column-title">
                <span>
                  <van-icon name="gem" class="font-icon" />&nbsp;
                  <span
                    :class="{'color-blue-0972E7':tab_modules&&tab_modules.indexOf('barrierFree')>-1}"
                  >无障碍</span>
                </span>
              </div>
            </template>
            <div class="barrierFree">
              <!-- R38.动态年度内你家是否进行过无障碍改造 start -->
              <div class="field-label label-radio">
                R38.动态年度内你家是否进行过无障碍改造
                <van-icon
                  class="tip-supportData"
                  name="comment-o"
                  @click="toggleSupportData('barrierFree')"
                />
              </div>
              <div class="supportData" v-if="!element.supportData.barrierFree">
                <ul>
                  <li>
                    <p>
                      <van-icon name="warning" />上年需求：
                      <span
                        class="supportData-color"
                      >{{surveyInfo.historyData?surveyInfo.historyData.r39Trans:''}}</span>
                    </p>
                  </li>
                  <li>
                      <p>
                        <van-icon name="warning" />业务支撑：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.barrierFree?'进行过改造':''}}</span>
                      </p>
                    </li>
                </ul>
              </div>
              <div class="radio-noborder">
                <van-field name="r38" label>
                  <template #input>
                    <van-radio-group v-model="formData.barrierFree.value" direction="horizontal">
                      <van-radio name="1">1.是</van-radio>
                      <van-radio name="2">2.否</van-radio>
                    </van-radio-group>
                  </template>
                </van-field>
              </div>
              <!-- R38.动态年度内你家是否进行过无障碍改造 end -->

              <!-- R39.目前你家有哪些无障碍改造需求 start -->
              <div class="field-label">R39.目前你家有哪些无障碍改造需求</div>
              <van-field
                readonly
                clickable
                name
                label
                placeholder="-----请选择-----"
                :value="barrierFreeNeedStr"
                type="textarea"
                @click="barrierFreeNeedPicker = true"
                rows="1"
                autosize
                class="field-color"
              />
              <van-popup
                v-model="barrierFreeNeedPicker"
                position="bottom"
                closeable
                close-icon="close"
                close-icon-position="top-left"
                class="popup-checkbox"
              >
                <van-field name="r39" label>
                  <template #input>
                    <van-checkbox-group
                      v-model="formData.barrierFreeNeed"
                      class="checbox-group-barrierFreeNeed"
                    >
                      <van-cell-group>
                        <van-cell
                          v-for="(item, index) in element.columns_barrierFreeNeed"
                          clickable
                          :key="'barrierFreeNeed-'+item.value"
                          :title="`${item.text}`"
                          @click="element.columns_barrierFreeNeed[index].disabled?'':toggleBarrierFreeNeed(index)"
                          :class="{'color-grey-c8c9cc':element.columns_barrierFreeNeed[index].disabled}"
                        >
                          <template #right-icon>
                            <van-checkbox
                              :name="item.value"
                              ref="barrierFreeNeed"
                              shape="square"
                              :disabled="element.columns_barrierFreeNeed[index].disabled"
                            />
                          </template>
                        </van-cell>
                      </van-cell-group>
                    </van-checkbox-group>
                  </template>
                </van-field>
              </van-popup>
              <!-- R39.目前你家有哪些无障碍改造需求 end -->
            </div>
          </van-collapse-item>
          <van-collapse-item
            name="sports"
            :disabled="element.modulesValid.sports.disabled"
            :value="element.modulesValid.sports.disabled?'无需填写':''"
          >
            <template #title>
              <div class="column-title">
                <span>
                  <van-icon name="medal" class="font-icon" />&nbsp;
                  <span
                    :class="{'color-blue-0972E7':tab_modules&&tab_modules.indexOf('sports')>-1}"
                  >文化体育（6周岁及以上填报）</span>
                </span>
              </div>
            </template>
            <div class="sports">
              <!-- R40.动态年度内是否经常参加村社区组织的文化体育活动 start -->
              <div class="field-label label-radio">
                R40.动态年度内是否经常参加村（社区）组织的文化体育活动
                <van-icon
                  class="tip-supportData"
                  name="comment-o"
                  @click="toggleSupportData('activity')"
                />
              </div>
              <div class="supportData" v-if="!element.supportData.activity">
                <ul>
                  <li>
                    <p>
                      <van-icon name="warning" />上年填报：
                      <span
                        class="supportData-color"
                      >{{surveyInfo.historyData?surveyInfo.historyData.r40Trans:''}}</span>
                    </p>
                  </li>
                </ul>
              </div>
              <div class="radio-noborder">
                <van-field name="r40" label>
                  <template #input>
                    <van-radio-group v-model="formData.activity.value" direction="horizontal">
                      <van-radio name="1" @click="onConfirmActivity">1.是</van-radio>
                      <van-radio name="2" @click="onConfirmActivity">2.否</van-radio>
                    </van-radio-group>
                  </template>
                </van-field>
              </div>
              <!-- R40.动态年度内是否经常参加村社区组织的文化体育活动 end -->

              <!-- R41.不能经常参加村社区组织的文化体育活动的原因 start -->
              <template v-if="element.view_inactivityReason.flag">
                <div
                  :class="['field-label',{'field-label-disabled':element.modulesValid.inactivityReason.disabled}]"
                >
                  R41.不能经常参加村（社区）组织的文化体育活动的原因
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('inactivityReason')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.inactivityReason">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年填报：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.r41Trans:''}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <van-field
                  readonly
                  clickable
                  name
                  label
                  :placeholder="element.modulesValid.inactivityReason.disabled?'-----无需填写-----':'-----请选择-----'"
                  :value="inactivityReasonStr"
                  type="textarea"
                  @click="inactivityReasonPicker = !element.modulesValid.inactivityReason.disabled"
                  rows="1"
                  autosize
                  :disabled="element.modulesValid.inactivityReason.disabled"
                  class="field-color"
                />
                <van-popup
                  v-model="inactivityReasonPicker"
                  position="bottom"
                  closeable
                  close-icon="close"
                  close-icon-position="top-left"
                  class="popup-checkbox"
                >
                  <van-field name="r41" label>
                    <template #input>
                      <van-checkbox-group
                        v-model="formData.inactivityReason"
                        class="checbox-group-inactivityReason"
                      >
                        <van-cell-group>
                          <van-cell
                            v-for="(item, index) in element.columns_inactivityReason"
                            clickable
                            :key="'inactivityReason-'+item.value"
                            :title="`${item.text}`"
                            @click="toggleInactivityReason(index)"
                          >
                            <template #right-icon>
                              <van-checkbox
                                :name="item.value"
                                ref="inactivityReason"
                                shape="square"
                              />
                            </template>
                          </van-cell>
                        </van-cell-group>
                      </van-checkbox-group>
                    </template>
                  </van-field>
                </van-popup>
              </template>
              <!-- R41.不能经常参加村社区组织的文化体育活动的原因 end -->
            </div>
          </van-collapse-item>
          <van-collapse-item
            name="suppleInfo"
            :disabled="element.modulesValid.suppleInfo.disabled"
            :value="element.modulesValid.suppleInfo.disabled?'无需填写':''"
          >
            <template #title>
              <div class="column-title">
                <span>
                  <van-icon name="todo-list" class="font-icon" />&nbsp;
                  <span
                    :class="{'color-blue-0972E7':tab_modules&&tab_modules.indexOf('suppleInfo')>-1}"
                  >补充问题</span>
                </span>
              </div>
            </template>
            <div class="suppleInfo">
              <!-- 是否集体户口 start -->
              <div class="field-label label-radio">是否集体户口</div>
              <div class="radio-noborder">
                <van-field name="r40" label>
                  <template #input>
                    <van-radio-group
                      v-model="formData.collectiveHousehold.value"
                      direction="horizontal"
                    >
                      <van-radio
                        name="1"
                        :disabled="element.modulesValid.collectiveHousehold_1.disabled"
                        @click="element.modulesValid.collectiveHousehold_1.disabled?null:onConfirmCollectiveHousehold('1')"
                      >1.是</van-radio>
                      <van-radio name="2" @click="onConfirmCollectiveHousehold('2')">2.否</van-radio>
                    </van-radio-group>
                  </template>
                </van-field>
              </div>
              <!-- 是否集体户口 end -->

              <!--户主姓名 start-->
              <template v-if="element.view_hostName.flag">
                <div class="field-label">
                  户主姓名
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('hostName')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.hostName">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年填报：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.hzxm:''}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <van-field
                  v-model="formData.hostName.value"
                  label
                  placeholder="-----请输入-----"
                  :formatter="formData.collectiveHousehold.value=='2'?formatterHostName:null"
                  :rules="[{ pattern:/^[\u4e00-\u9fa5]+(·[\u4e00-\u9fa5]+)*$/, message: '请输入正确的姓名' }]"
                  :readonly="element.modulesValid.hostName.readonly"
                  clearable
                  class="field-color"
                />
              </template>
              <!--户主姓名 end-->

              <!--户主身份证号 start-->
              <template v-if="element.view_hostIdentityCard.flag">
                <div
                  :class="['field-label',{'field-label-disabled':element.modulesValid.hostIdentityCard.disabled}]"
                >
                  户主身份证号
                  <van-icon
                    class="tip-supportData"
                    name="comment-o"
                    @click="toggleSupportData('hostIdentityCard')"
                  />
                </div>
                <div class="supportData" v-if="!element.supportData.hostIdentityCard">
                  <ul>
                    <li>
                      <p>
                        <van-icon name="warning" />上年填报：
                        <span
                          class="supportData-color"
                        >{{surveyInfo.historyData?surveyInfo.historyData.hzsfzh:''}}</span>
                      </p>
                    </li>
                  </ul>
                </div>
                <van-field
                  v-model="formData.hostIdentityCard.value"
                  label
                  :placeholder="element.modulesValid.hostIdentityCard.disabled?'-----无需填写-----':'-----请输入-----'"
                  :rules="[{ validator:validateIdentityCard, message: '请输入正确的身份证号' }]"
                  :disabled="element.modulesValid.hostIdentityCard.disabled"
                  class="field-color"
                />
              </template>
              <!--户主身份证号 end-->
            </div>
          </van-collapse-item>
        </van-collapse>
        <van-field name="uploader" label="入户调查凭证上传" class="upload">
          <template #input>
            <van-uploader
              v-model="formData.fileList"
              multiple
              :max-count="1"
              :after-read="afterUpload"
              :before-read="beforeUpload"
              accept="image/*"
              :before-delete="deleteImg"
            />
          </template>
        </van-field>
      </div>
      <div class="bottom">
        <van-button
          block
          type="info"
          native-type="button"
          @click="onSubmit"
          :disabled="element.submit.disabled"
          :loading="element.submit.disabled"
          loading-text="提交中..."
        >
          <span>提交</span>
        </van-button>
      </div>
    </van-form>
  </div>
</template>
<script>
import Vue from "vue";
import {
  Icon,
  Button,
  Checkbox,
  CheckboxGroup,
  Collapse,
  CollapseItem,
  RadioGroup,
  Radio,
  Form,
  Field,
  Picker,
  Popup,
  CellGroup,
  Cell,
  Uploader,
  Toast,
} from "vant";
Vue.use(Icon);
Vue.use(Checkbox);
Vue.use(CheckboxGroup);
Vue.use(Button);
Vue.use(Collapse);
Vue.use(CollapseItem);
Vue.use(Radio);
Vue.use(RadioGroup);
Vue.use(Form);
Vue.use(Field);
Vue.use(Picker);
Vue.use(Popup);
Vue.use(CellGroup);
Vue.use(Cell);
Vue.use(Uploader);
Vue.use(Toast);
import collectData from "../../assets/js/disableSurvey/collectData";
import formElement from "../../assets/js/disableSurvey/formElement";
import formRule from "../../assets/js/disableSurvey/formRule";
import listen from "../../assets/js/disableSurvey/listen";
import { checkIdcard } from "../../assets/js/common/checkIdcard";

export default {
  name: "disableSurvey-survey",
  data() {
    return {
      disableSurvey_survey_view: true,
      userRealName: "",
      tab_modules: "disableStatus",
      element: JSON.parse(JSON.stringify(formElement.element)),
      surveyInfo: {},
      formData: JSON.parse(JSON.stringify(collectData.formData)),
      marriagePicker: false,
      nonfarmEconomyPicker: false,
      nonfarmHousingPicker: false,
      farmEconomyPicker: false,
      farmHousingPicker: false,
      educationPicker: false,
      generalSchoolPicker: false,
      specialSchoolPicker: false,
      notEnrolledReasonPicker: false,
      employTypePicker: false,
      unemployedIncomePicker: false,
      unemployedReasonPicker: false,
      employAssistPicker: false,
      employAssistNeedPicker: false,
      socialInsurancePicker: false,
      socialAssistPicker: false,
      socialWelfarePicker: false,
      fosterNeedPicker: false,
      notCureReasonPicker: false,
      rehabilitationPicker: false,
      noRehabilitationReasonPicker: false,
      rehabilitationNeedPicker: false,
      barrierFreeNeedPicker: false,
      inactivityReasonPicker: false,
    };
  },
  created() {},
  mounted() {
    formRule.initData(this);
  },
  destroyed() {},
  watch: {},
  computed: {
    employAssistStr: function () {
      return collectData.toTextStr(
        this.formData.employAssist,
        this.element.columns_employAssist
      );
    },
    employAssistNeedStr: function () {
      return collectData.toTextStr(
        this.formData.employAssistNeed,
        this.element.columns_employAssistNeed
      );
    },
    socialInsuranceStr: function () {
      return collectData.toTextStr(
        this.formData.socialInsurance,
        this.element.columns_socialInsurance
      );
    },
    tips_socialInsurance: function () {
      return formElement.calcTips_socialInsurance(this.element);
    },
    socialAssistStr: function () {
      return collectData.toTextStr(
        this.formData.socialAssist,
        this.element.columns_socialAssist
      );
    },
    tips_socialAssist: function () {
      return formElement.calcTips_socialAssist(this.element);
    },
    socialWelfareStr: function () {
      return collectData.toTextStr(
        this.formData.socialWelfare,
        this.element.columns_socialWelfare
      );
    },
    tips_socialWelfare: function () {
      return formElement.calcTips_socialWelfare(this.element);
    },
    notCureReasonStr: function () {
      return collectData.toTextStr(
        this.formData.notCureReason,
        this.element.columns_notCureReason
      );
    },
    rehabilitationStr: function () {
      return collectData.toTextStr(
        this.formData.rehabilitation,
        this.element.columns_rehabilitation
      );
    },
    noRehabilitationReasonStr: function () {
      return collectData.toTextStr(
        this.formData.noRehabilitationReason,
        this.element.columns_noRehabilitationReason
      );
    },
    rehabilitationNeedStr: function () {
      return collectData.toTextStr(
        this.formData.rehabilitationNeed,
        this.element.columns_rehabilitationNeed
      );
    },
    barrierFreeNeedStr: function () {
      return collectData.toTextStr(
        this.formData.barrierFreeNeed,
        this.element.columns_barrierFreeNeed
      );
    },
    inactivityReasonStr: function () {
      return collectData.toTextStr(
        this.formData.inactivityReason,
        this.element.columns_inactivityReason
      );
    },
  },
  methods: {
    onChangePstate: function (data) {
      listen.onChangePstate(this, data);
    },
    onChangeHouseholdType: function (data) {
      listen.onChangeHouseholdType(this, data);
    },
    onConfirmLiteracy: function (data) {
      listen.onConfirmLiteracy(this, data);
    },
    onChangeNursingHouse: function (data) {
      listen.onChangeNursingHouse(this, data);
    },
    onConfirmMarriage: function (data) {
      listen.onConfirmMarriage(this, data);
    },
    onConfirmNonfarmEconomy: function (data) {
      listen.onConfirmNonfarmEconomy(this, data);
    },
    onConfirmNonfarmHousing: function (data) {
      listen.onConfirmNonfarmHousing(this, data);
    },
    onConfirmFarmEconomy: function (data) {
      listen.onConfirmFarmEconomy(this, data);
    },
    onConfirmFarmHousing: function (data) {
      listen.onConfirmFarmHousing(this, data);
    },
    onConfirmEducation: function (data) {
      listen.onConfirmEducation(this, data);
    },
    onConfirmGeneralSchool: function (data) {
      listen.onConfirmGeneralSchool(this, data);
    },
    onConfirmSpecialSchool: function (data) {
      listen.onConfirmSpecialSchool(this, data);
    },
    onConfirmNotEnrolledReason: function (data) {
      listen.onConfirmNotEnrolledReason(this, data);
    },
    onConfirmEmploy: function (data) {
      listen.onConfirmEmploy(this, data);
    },
    onConfirmEmployType: function (data) {
      listen.onConfirmEmployType(this, data);
    },
    onConfirmUnemployedIncome: function (data) {
      listen.onConfirmUnemployedIncome(this, data);
    },
    onConfirmUnemployedReason: function (data) {
      listen.onConfirmUnemployedReason(this, data);
    },
    toggleDom: function (obj) {
      if (obj.disabled) {
        this.$set(obj, "checked", false);
      } else {
        this.$set(obj, "checked", !obj.checked);
      }
    },
    toggleEmployAssist: function (index) {
      if (index == 5 && this.formData.employAssist.indexOf("6") < 0) {
        //勾选第6项
        formRule.deleteArrItems(this, this.formData.employAssist, [
          "1",
          "2",
          "3",
          "4",
          "5",
        ]);
      } else if (index != 5) {
        formRule.deleteArrItems(this, this.formData.employAssist, ["6"]);
      }
      this.toggleDom(this.$refs.employAssist[index]);
      this.formData.employAssist.sort();
    },
    toggleEmployAssistNeed: function (index) {
      if (index == 5 && this.formData.employAssistNeed.indexOf("6") < 0) {
        //勾选第6项
        formRule.deleteArrItems(this, this.formData.employAssistNeed, [
          "1",
          "2",
          "3",
          "4",
          "5",
        ]);
      } else if (index != 5) {
        formRule.deleteArrItems(this, this.formData.employAssistNeed, ["6"]);
      }
      this.toggleDom(this.$refs.employAssistNeed[index]);
      this.formData.employAssistNeed.sort();
    },
    toggleSocialInsurance: function (index) {
      if (index == 3 && this.formData.socialInsurance.indexOf("4") < 0) {
        //勾选第4项
        formRule.deleteArrItems(this, this.formData.socialInsurance, [
          "1",
          "2",
          "3",
        ]);
      } else if (index != 3) {
        formRule.deleteArrItems(this, this.formData.socialInsurance, ["4"]);
      }
      this.toggleDom(this.$refs.socialInsurance[index]);
      this.formData.socialInsurance.sort();
      listen.onConfirmSocialInsurance(this);
    },
    onConfirmEndowmentInsurance: function (data) {
      listen.onConfirmEndowmentInsurance(this, data);
    },
    onConfirmMedicalInsurance: function (data) {
      listen.onConfirmMedicalInsurance(this, data);
    },
    onConfirmMedicalSubsidy: function (data) {
      listen.onConfirmMedicalSubsidy(this, data);
    },
    toggleSocialAssist: function (index) {
      if (index == 5 && this.formData.socialAssist.indexOf("6") < 0) {
        //勾选第6项
        formRule.deleteArrItems(this, this.formData.socialAssist, [
          "1",
          "2",
          "3",
          "4",
          "5",
        ]);
      } else if (index != 5) {
        formRule.deleteArrItems(this, this.formData.socialAssist, "6");
        if (index == 0 && this.formData.socialAssist.indexOf("1") < 0) {
          formRule.deleteArrItems(this, this.formData.socialAssist, "2");
        } else if (index == 1 && this.formData.socialAssist.indexOf("2") < 0) {
          formRule.deleteArrItems(this, this.formData.socialAssist, "1");
        }
      }
      this.toggleDom(this.$refs.socialAssist[index]);
      this.formData.socialAssist.sort();
      listen.onConfirmSocialAssist(this);
    },
    toggleSocialWelfare: function (index) {
      this.toggleDom(this.$refs.socialWelfare[index]);
      if (index == 3 && this.formData.socialWelfare.indexOf("4") > -1) {
        formRule.deleteArrItems(this, this.formData.socialWelfare, [
          "1",
          "2",
          "3",
        ]);
      } else if (index != 3) {
        formRule.deleteArrItems(this, this.formData.socialWelfare, "4");
      }
      this.formData.socialWelfare.sort();
      listen.onConfirmSocialWelfare(this);
    },
    onConfirmFoster: function (data) {
      listen.onConfirmFoster(this, data);
    },
    onConfirmFosterNeed: function (data) {
      listen.onConfirmFosterNeed(this, data);
    },
    onConfirmSick: function (data) {
      listen.onConfirmSick(this, data);
    },
    onConfirmSickCure: function (data) {
      listen.onConfirmSickCure(this, data);
    },
    toggleNotCureReason: function (index) {
      this.toggleDom(this.$refs.notCureReason[index]);
      this.formData.notCureReason.sort();
    },
    toggleRehabilitation: function (index) {
      this.toggleDom(this.$refs.rehabilitation[index]);
      if (index == 5 && this.formData.rehabilitation.indexOf("6") > -1) {
        formRule.deleteArrItems(this, this.formData.rehabilitation, [
          "1",
          "2",
          "3",
          "4",
          "5",
        ]);
      } else if (index != 5) {
        formRule.deleteArrItems(this, this.formData.rehabilitation, "6");
      }
      this.formData.rehabilitation.sort();
      listen.onConfirmRehabilitation(this);
    },
    toggleNoRehabilitationReason: function (index) {
      this.toggleDom(this.$refs.noRehabilitationReason[index]);
      this.formData.noRehabilitationReason.sort();
    },
    toggleRehabilitationNeed: function (index) {
      this.toggleDom(this.$refs.rehabilitationNeed[index]);
      if (index == 5 && this.formData.rehabilitationNeed.indexOf("6") > -1) {
        formRule.deleteArrItems(this, this.formData.rehabilitationNeed, [
          "1",
          "2",
          "3",
          "4",
          "5",
        ]);
      } else if (index != 5) {
        formRule.deleteArrItems(this, this.formData.rehabilitationNeed, "6");
      }
      this.formData.rehabilitationNeed.sort();
    },
    toggleBarrierFreeNeed: function (index) {
      this.toggleDom(this.$refs.barrierFreeNeed[index]);
      if (index == 8 && this.formData.barrierFreeNeed.indexOf("9") > -1) {
        formRule.deleteArrItems(this, this.formData.barrierFreeNeed, [
          "1",
          "2",
          "3",
          "4",
          "5",
          "6",
          "7",
          "8",
        ]);
      } else if (index != 8) {
        formRule.deleteArrItems(this, this.formData.barrierFreeNeed, "9");
      }
      this.formData.barrierFreeNeed.sort();
    },
    onConfirmActivity: function (data) {
      listen.onConfirmActivity(this);
    },
    toggleInactivityReason: function (index) {
      this.toggleDom(this.$refs.inactivityReason[index]);
      this.formData.inactivityReason.sort();
    },
    onConfirmCollectiveHousehold: function (data) {
      listen.onConfirmCollectiveHousehold(this, data);
    },
    beforeUpload: function (file) {
      return listen.beforeUpload(this, file);
    },
    afterUpload: function (file) {
      return listen.afterUpload(this, file);
    },
    deleteImg: function (file) {
      return listen.deleteImg(this, file);
    },
    formatterName: function (value) {
      return value.replace(/[^\u4e00-\u9fa5·]/g, "");
    },
    formatterTelephone: function (value) {
      value = value.replace(/[^0-9-]/g, "");
      value = value.replace(/-{2,}/g, "-");
      if (value && value.length > 13) {
        value = value.substring(0, 13);
      }
      return value;
    },
    formatterMobilephone: function (value) {
      value = value.replace(/\D+/g, "");
      if (value.length > 11) {
        value = value.substring(0, 11);
      }
      return value;
    },
    formatterHostName: function (value) {
      value = value.replace(/[^\u4e00-\u9fa5·]/g, "");
      return value.replace(/集体户口?/g, "");
    },
    validateIdentityCard: function (value) {
      let msg = checkIdcard(value);
      return !(msg && msg != "");
    },
    toggleSupportData: function (propertyName) {
      this.$set(
        this.element.supportData,
        propertyName,
        !this.element.supportData[propertyName]
      );
    },
    onSubmit: function () {
      listen.onSubmit(this);
    },
  },
};
</script>
<style scoped lang='less'>
@import url(../../assets/css/disableSurvey/survey.less);
</style>